

	.section {
		margin: 20rpx;
	}
	
	
	.grid-4 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 60rpx;
		grid-auto-rows: 60rpx;
	}
	
	.grid-3 {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 60rpx;
		grid-auto-rows: 60rpx;
	}
	
	.grid-2 {
		min-width: 500rpx;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 60rpx;
		grid-auto-rows: 60rpx;
		
	}
	
	.unit {
		font-size: 22rpx;
		font-family: NotoSansHans;
		font-weight: 400;
		color: #2E2F32;
	}
	
	/deep/.u-checkbox__icon-wrap--disabled--checked {
		background-color: #2979ff !important;
		color: #2979ff !important;
	}
	
	/deep/.u-radio__icon-wrap--disabled--checked {
		color: #2979ff !important;
		background-color: #2979ff !important;
	}
	
	
	.scroll-lock {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		height: 100%;
	}
	
	
	.btn-group-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #FFFFFF;
		padding: 20rpx;
		z-index: 10;
	}
	
	.btn-group-absolute {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		background-color: #FFFFFF;
		padding: 20rpx;
		z-index: 10;
	}